<!doctype html>
<html ng-app="multiCTC">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Multi CTC</title>

    <!-- inject:css -->
    <link rel="stylesheet" href="lib/angular-bootstrap-contextmenu/bootstrap.min.css">
    <link rel="stylesheet" href="dest/font/iconfont.css">
    <link rel="stylesheet" href="lib/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css">
    <!-- endinject -->

    <!-- ctc:css -->
    <link rel="stylesheet" href="dest/zhx.multi.ctc.css">
    <!-- endinject -->

    <!-- inject:js -->
    <script src="lib/jQuery/dist/jquery.js"></script>
    <script src="lib/angular/angular.js"></script>
    <script src="lib/jquery-ui/jquery-ui.min.js"></script>
    <script src="lib/oclazyload/dist/ocLazyLoad.js"></script>
    <script src="lib/jquery-mousewheel/jquery.mousewheel.min.js"></script>
    <script src="lib/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.js"></script>
    <script src="lib/angular-ui-sortable/sortable.min.js"></script>
    <script src="lib/velocity/velocity.min.js"></script>
    <script src="lib/angular-bootstrap-contextmenu/contextMenu.js"></script>
    <!-- endinject -->

    <!-- ctc:js -->
    <script src="dest/zhx.multi.ctc.js"></script>
    <script src="dest/zhx.multi.ctc.template.js"></script>
    <!-- endinject -->

    <script src="js/app.js"></script>

</head>
<body ng-controller="multiCtcMainController">

    <zhx-multi-ctc options="ctcOptions"></zhx-multi-ctc>

    <!-- for dev -->
    <div id="dev-ctrl-section">
        <ul>
            <li ng-click="createNewCTC()">1.新建</li>
            <li ng-click="addBus()">2.加车 [ {{ busCount }} 辆 ]</li>
        </ul>
    </div>

    <style>
        html,body{
            padding:0;margin:0;
            width:100%;height:100%;
            overflow: hidden;
        }
        ul,li{
            padding:0;margin:0;
            list-style:none;
        }
        /*
         * just for develop
         */
        #dev-ctrl-section{
            background-color:#f2f2f2;
            border:1px solid #cbcbcb;
            border-radius:5px;
            position:fixed;
            z-index:999;
            padding:10px;
            bottom:10px;right:10px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        #dev-ctrl-section ul {
            display: flex;
        }
        #dev-ctrl-section li{
            cursor:pointer;
            margin:0 10px;
        }
    </style>
</body>
</html>